<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表格标签</title>
</head>
<body style="height: 800px">
<table bgcolor="black" border="1" height="300px" width="300px" align="center" cellspacing="10px" >
    <caption>表格标题</caption>
    <tr bgcolor="white">
        <th>第一列</th>
        <th>第二列</th>
        <th>第三列</th>
        <th>第四列</th>
    </tr>
    <tr bgcolor="white" align="center" valign="bottom">
        <!--colspan 占2列  在水平方向上占两个单元格-->
        <td colspan="2">1.1</td>
        <td >1.2</td>
        <td >1.3</td>
    </tr>
    <tr  bgcolor="white"  align="center">
        <td bgcolor="darkgreen">2.1</td>
        <!--rowspan 占2行 在垂直方向上占几行-->
        <td rowspan="2">2.2</td>
        <td>2.3</td>
        <td>2.4</td>
    </tr>
    <tr  bgcolor="white" align="center" valign="top">
        <td>3.1</td>
        <td>3.2</td>
        <td>3.3</td>
    </tr>
</table>
</body>
</html>